:root {
  --themeColor: #5576E6;
  --fontColorBlackDark: #263B57;
  --fontColorBlackMiddle: #2F435D;
  --fontColorBlackLight: rgba(2, 25, 56, .5);
  --borderColor: #F0F1F3;
  --borderRadius: 6px;
  --boxShadow: 0 2px 4px 0 rgba(216, 225, 233, .2);
  --bgColor: powderblue;
  --fontWeightNormal: 400;
  --fontWeight500: 500;
  --fontWeightBold: 700;
  --fontWeight900: 900;
}

body {
  &::-webkit-scrollbar {
    width: 6px;
  }
  &::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(0, 0, 0, .1);
    box-shadow: inset 0 0 5px rgb(0 0 0 / 10%);
  }
  &::-webkit-scrollbar-track {
    border-radius: 0;
    background: rgba(0, 0, 0, .1);
    box-shadow: inset 0 0 5px rgb(0 0 0 / 10%);
  }
}

.ant-layout-content {
  transition: all .3s;
}

.ant-spin-nested-loading {
  height: 100%;
  .ant-spin-container {
    height: 100%;
  }
}

/* 背景颜色 */
.bg-color {
  background: var(--bgColor);
}

/* 布局 */
.flex {
  display: flex;
}

/* 外边距 */
.mt16 {
  margin-top: 16px;
}
.mt20 {
  margin-top: 20px;
}
.mr68 {
  margin-right: 68px;
}

/* 宽度 */
.wd50 {
  width: 50%;
}